// import React from 'react'
// import * as action from "../action/index"
// import {useDispatch,useSelector} from "react-redux"
// import { ProductCard, Tag, Button } from 'react-vant';
// import {useNavigate } from "react-router-dom"
// // redux 遵循三步走原则
// import {useEffect} from "react"
// function Shophome() {
//  let navigate = useNavigate()
//  let dispatch = useDispatch()
//  let store = useSelector((state)=>{
//         return {
//             ...state.shopcarreducer
//         }
//  })
// let goDetail = (item)=>{
//     navigate("/detail",{
//         state:item
//     })
// }
//  useEffect(()=>{ // 1. 在组件中调用action里的方法名
//     // 2.去action中写这个方法
//     // .3.去写reducer里的case
//     dispatch(action.getlist())
//  },[])
//   return (
//     <div>
//         {
//             store.arr && store.arr.length ?  store.arr.map((item,index)=>{
//                 return <ProductCard
//                 key={index}
//                 num={item.num}
//                 price={item.price}
//                 desc={item.des}
//                 title={item.tit}
//                 thumb={item.img}
//                 onClick={()=>goDetail(item)}
//               />
//             }):"暂无数据"
//         }
//         <div style={{height:"60px"}}></div>
//     </div>
//   )
// }

// export default Shophome
import React from "react";
import { useTranslation } from "react-i18next";
import i18 from "i18next";

function App() {
  const { t } = useTranslation();

  const change = (val) => {
    i18.changeLanguage(val);
  };

  return (
    <div>
      <button onClick={() => change("zh")}>中文</button>
      <button onClick={() => change("en")}>English</button>
      <p>语言：{t("language")}</p>
      <p>选择：{t("switch")}</p>
      <p>aaa:{t("aaa")}</p>
    </div>
  );
}

export default App;
